<template>
  <div class="tab3">
    <div class="second">
      <p class="title">
        <span>研学服务</span>
        <span style="color:rgb(74, 179, 68)">类别</span>
      </p>
      <div style="margin-top: 20px">专业化水准、全方位服务</div>
      <div style="margin-top: 30px;">
        <img src="../assets/img/table3/body.png" alt />
      </div>
      <div class="mainStyle">
        <div class="base">
          <div class="textMain">
            <span>名校研学主题</span>
            <span>与状元导师携手走进国内顶尖名校</span>
            <span>激发学员学习动力</span>
          </div>
          <img src="../assets/img/table3/rededu.jpg" alt width="340" style="margin: 20px 10px" />
        </div>
        <div class="base">
          <div class="textMain">
            <span>红色教育主题</span>
            <span>走进红色场馆，重温革命精神</span>
            <span>奏响优秀红色主旋律</span>
          </div>
          <img src="../assets/img/table3/rededut.jpg" alt width="360" style="margin: 20px 10px" />
        </div>
        <div class="base" style="float: right;position: relative;top:-500px;left: -29px;">
          <img src="../assets/img/table3/team.png" alt width="320" />
          <div class="textMain" style="text-align: left;margin-left: 8px">
            <span>军事拓展主题</span>
            <span>开学军训；特色拓展训练</span>
            <span>磨炼学员意志，提高自理能力</span>
          </div>
        </div>
        <div class="base" style="float: right;position: relative;top: -164px;left: 557px;">
          <img src="../assets/img/table3/cou.jpg" alt width="400" />
          <div class="textMain" style="text-align: left;margin-left: 8px">
            <span>文化教育主题</span>
            <span>学习各地历史文化</span>
            <span>丰富学员视野</span>
          </div>
        </div>
        <div style="clear: both"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      bannerList: []
    };
  }
};
</script>
<style lang="less">
.tab3 {
  background: url("../assets/img/table3/header.png") no-repeat;
  background-size: 100% auto;
  .second {
    height: 1032px;
    margin: auto;
    width: 1200px;
    .title {
      font-size: 30px;
      color: rgb(0, 0, 0);
      font-weight: bold;
    }
    .mainStyle {
      overflow: hidden;
      .base {
        width: 600px;
      }
      .textMain {
        display: inline-block;
        text-align: right;
        position: relative;
        top: -25px;
        line-height: 27px;
        span {
          display: block;
          font-size: 16px;
        }
      }
    }
  }
}
</style>
